<script setup>
import HomeBanner from './components/HomeBanner.vue'
import HomeCategory from './components/HomeCategory.vue'
import HomeHot from './components/HomeHot.vue'
import HomeNew from './components/HomeNew.vue'
import HomeProduct from './components/HomeProduct.vue'
// import HomePanel from './components/HomePanel.vue'
</script>
<template>

  <div class="container">
    <HomeCategory />
    <HomeBanner />
  </div>
  <!-- <HomePanel title="新鲜好物" subTitle="新鲜出炉 品质靠谱">
    <div>插槽内容</div>
  </HomePanel>
  <HomePanel title="新鲜好物" subTitle="新鲜出炉 品质靠谱">
    <div>插槽内容</div>
  </HomePanel> -->
  <HomeNew />
  <HomeHot />
  <HomeProduct></HomeProduct>
</template>
<style scoped lang="scss">
.container {
  display: flex;
}
</style>